<template>
  <div class="wrap">
    <div class="main">
      <div class="mainl left">
        <div class="cpfl">
          <h2><img src="../../../src/assets/upfiles/xwdt.png"></h2>
          <div class="flcon">
            <ul>
              <li><a href="">新闻1</a></li>
              <li><a href="">新闻2</a></li>
              <li><a href="">新闻3</a></li>

            </ul>
          </div>
        </div>
        <!-- cpfl end -->
        <div class="ny_lx mt15">
          <h2><img src="../../../src/assets/upfiles/ny_lx.png" alt="联系我们"></h2>
          <div class="lxbox"> <strong style=" color:#fbc800; font-size:14px;">学远培训有限公司</strong><br />
            地址：安徽信息工程学院<br />
            联系人：潘经理<br />
            电话：0371-687666666<br />
            手机：17355370221<br />
            邮箱：919819426@qq.com </div>
        </div>
        <!-- ny_lx end -->
      </div>
      <div class="mainr right">
        <h2><span class="ny_nav">您当前所在的位置：<a href="">首页</a> &gt; 人才招聘</span>人才招聘</h2>
        <div class="pad20">
          <form id="" class="layui-form" method="post" action="http://www.xueyuanjiaoyu.com/api/home/homerczp">
            <table width="100%" border="0"  class="message_list">
              <tr>
                <td width="120px;" class="title">姓名：</td>
                <td><input name="username" type="text" class="input-text" style="width:200px; height:20px;"></td>
              </tr>
              <tr>
                <td class="title">性别：</td>
                <td><input name="gender" type="text" class="input-text"  style="width:200px; height:20px;"></td>
              </tr>
              <tr>
                <td class="title">地址：</td>
                <td><input name="dizhi" type="text" class="input-text"  style="width:200px; height:20px;"></td>
              </tr>
              <tr>
                <td class="title">联系电话：</td>
                <td><input name="tel" type="text" class="input-text"  style="width:200px; height:20px;"></td>
              </tr>
              <tr>
                <td class="title">QQ：</td>
                <td><input name="qq" type="text" class="input-text" style="width:200px; height:20px;"></td>
              </tr>
              <tr>
                <td class="title">E-mail:</td>
                <td><input name="email" type="text" class="input-text" style="width:200px; height:20px;"></td>
              </tr>
              <tr>
                <td class="title">我的优点：</td>
                <td><textarea name="youdian" cols="" rows="" class="input-text" style="width:350px; height:100px;"></textarea></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td><input name="" type="submit" value="加入你们" class="orange"></td>
              </tr>
            </table>
          </form>
        </div>
      </div>
      <div class="clear"></div>
    </div>

  </div>
</template>

<script>
    export default {
        name: "zhaopin",
        data(){
            return {
                bmForm:{
                    username: '',
                    gender: '',
                    dizhi: '',
                    tel: '',
                    qq: '',
                    email: '',
                    youdian:''
                },
                api_url: 'http://www.xueyuanjiaoyu.com/api/'
            }
        },
        methods: {
            submit() {
                console.log('提交报名表单数据', this.bmForm)
                // 提交数据,修改地址即可
                this.$axios.post(this.api_url + 'home/homerczp',this.bmForm).then(res=>{
                    alert(res.data.msg);
                    if(res.data.code == 200){

                    }
                    return false;
                }).catch(err=>{
                    console.log('失败返回',err)
                })
            }
        }

    }
</script>

<style scoped>

</style>
